<%@ Page Language="C#" MasterPageFile="~/Demo.master" AutoEventWireup="true" CodeFile="CssStyling.aspx.cs"
    Inherits="Scheduler_CssStyling" Title="DayPilot Pro Demo | Scheduler" %>

<%@ Register Assembly="DayPilot" Namespace="DayPilot.Web.Ui" TagPrefix="DayPilot" %>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolderHeader" runat="Server">
    <style type="text/css">

.daypilot_event {
    background-color: lightyellow;
    color: #808080;
    font-family: Tahoma;
    font-size: 8pt;
}

.daypilot_header {
    font-family: Verdana;
    font-size: 10pt;
    background-color: silver;
}

.daypilot_cellbackground {
    background-color: white;
}

.daypilot_hourcellborder {
    border-right: 1px solid red;
}

</style>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="ContentPlaceHolder1" runat="Server">
    <div style="margin-bottom: 10px; margin-top: 10px;">
        <a href="javascript:dps1.commandCallBack('previous');" style="text-decoration: none; background-color: White;
            border: 1px solid navy; padding: 3px;">Previous week <span style="color: red">&laquo;</span>
        </a>&nbsp; <a href="javascript:dps1.commandCallBack('today');" style="text-decoration: none;
            background-color: White; border: 1px solid navy; padding: 3px;">This week</a>
        &nbsp; <a href="javascript:dps1.commandCallBack('next');" style="text-decoration: none;
            background-color: White; border: 1px solid navy; padding: 3px;"><span style="color: red">
                &raquo;</span> Next week</a>
    </div>
    <DayPilot:DayPilotScheduler ID="DayPilotScheduler1" runat="server" Days="7" Width="800px"
        StartDate="2010-01-01" DataStartField="start" DataEndField="end" DataTextField="name"
        DataValueField="id" HeaderHeight="17" DataResourceField="column"
        EventHeight="40" CellDuration="60" CellWidth="20" TimeRangeSelectedHandling="CallBack"
        EventMoveHandling="CallBack" EventResizeHandling="CallBack" OnEventMove="DayPilotScheduler1_EventMove"
        OnEventResize="DayPilotScheduler1_EventResize" OnTimeRangeSelected="DayPilotScheduler1_TimeRangeSelected"
        DataTagFields="start,id,name" EventClickHandling="JavaScript" EventClickJavaScript="alert('Tag[&quot;name&quot;]: ' + e.tag(&quot;name&quot;) + '.')"
        EventResizeJavaScript="alert(newStart.toString() + '\n' + newEnd.toString());"
        ClientObjectName="dps1" 
        CssClassPrefix="daypilot_"
        EventBackColor="" EventFontFamily="" EventFontSize=""
        HourNameBackColor="" HourFontFamily="" HourFontSize=""
        HeaderFontSize="" HeaderFontFamily=""
        HourBorderColor=""
        BackColor=""
        NonBusinessBackColor=""
        OnCommand="DayPilotScheduler1_Command"
        >
        
        <Resources>
            <DayPilot:Resource Name="Room A" Value="A" />
            <DayPilot:Resource Name="Room B" Value="B" />
            <DayPilot:Resource Name="Room C" Value="C" />
            <DayPilot:Resource Name="Room D" Value="D" />
            <DayPilot:Resource Name="Room E" Value="E" />
            <DayPilot:Resource Name="Room F" Value="F" />
            <DayPilot:Resource Name="Room G" Value="G" />
            <DayPilot:Resource Name="Room H" Value="H" />
        </Resources>
    </DayPilot:DayPilotScheduler>
</asp:Content>
